
<!DOCTYPE html>
<html>
<head>
  <style>
  div.rd{ color:yellow; text-align:center; cursor:pointer; 
        font-weight:bolder; width:300px;background:red; }
  div.bl{ color:blue; text-align:center; cursor:pointer; 
        font-style:italic;width:300px; background:yellow;}
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
<div class="miun" style="cursor:pointer;">CLICK HERE</div><br/>
  <div id="hy">
<div id="oon" class="rd">to iterate through</div>
 </div>
<script>
    $(document.body).click(function () {
//    $(".miun").click(function () {
      $("#oon").each(function () {
        if (this.className != "rd") { 
          this.className = "rd";
        } 
else {
          this.className = "bl"; 
        }
      });
    });
</script>

</body>
</html>